<template>
    <div>
        <el-dialog :title="title" :visible="editDeptFlag" width="30%" :before-close="handleClose">
            <div class="dialog-wrapped">
                <el-form>
                    <el-form-item label="部门名称:">
                        <el-input :deptName=deptName placeholder="请输入部门名称"></el-input>
                    </el-form-item>
                </el-form>
                <span slot="footer" class="dialog-footer">
                    <el-button @click="updateFlag()">取 消</el-button>
                    <el-button type="primary" @click="editDept()">确 定</el-button>
                </span>
            </div>
        </el-dialog>
    </div>
</template>

<script>
export default {
    props: [
        "title",
        "editDeptFlag",
        "deptName",
    ],
    data() {
        return {
            updateFlag(){

            },
            editDept(){

            }
        }
    }

}
</script>

<style lang="less" scoped>
.dialog-wrapped {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
</style>